

.bannerUser{
  width: 1080px;
  height: 1920px;
}

.bannerUseElemBg{
  position: absolute;
  left: 0;
  top: 0;
  width: 1080px;
  height: 1920px;
}
.bannerUseElemBg2{
  position: absolute;

}


.userThumb{
  position: absolute;
  bottom: 100px;
  left: 0;
  height: 60px;
  //background: rgba(255, 255, 255, 1);

  >span{
    width: 30px;
    height: 30px;
    //border: 2px solid #123456;
    background: #666666;
    border-radius: 30px;
    margin-left: 30px;
  }
  :global{
    span.active{
      background: #62769D;
    }
  }

}

.guaWrapper{
  width: 300px;
  height: 300px;
  position: absolute;
  //left: 630px;
  top: 500px;
  z-index: 9;
  .img1{
    width: 232px;
    height: 113px;
  }

}
.guaWrapper2{
  width: 96px;
  height: 135px;
  position: absolute;
  left: 750px;
  z-index: 10;
  //top: 600px;
  animation: hand 2s linear 2s infinite alternate;
}
.goHome{
  position: absolute;
  right: 0px;
  top: 1000px;
  width: 156px;
  height: 70px;
  z-index: 1;
  animation: classOpen .5s linear;
}
@keyframes classOpen {
  from { transform: translateX(200px) }
  to { transform: translateX(0px) }
}
@keyframes hand {
  from { transform: translateY(0px) scale(1);}
  to { transform: translateY(20px) scale(1.05);}
}
